<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<title></title>
	<link rel="stylesheet" href="style/style.css">
	<link rel="stylesheet" href="style/base.css" />
	<script src="jquery-3.1.1.min.js"></script>
	<script src="1.js"></script>
</head>
<body>
	<header class="container">
		<h1 class="fl"><a href="index.html">logo</a></h1>
		<ul>
			<li>
				<a href="javascript:;">编辑图片</a>
				<ul>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
				</ul>
			</li>
			<li>
				<a href="javascript:;">影视档案</a>
			</li>
			<li>
				<a href="javascript:;">微利图库</a>
			</li>
			<li>
				<a href="javascript:;">视频</a>
			</li>
			<li class="border"></li>
			<li>
				<a href="javascript:;">汽车背景</a>
			</li>
			<li>
				<a href="javascript:;">推荐</a>
			</li>
			<li>
				<a href="javascript:;">供稿</a>
			</li>
		</ul>
		<div class="nav-right fr">
			<a href="#" class="fl"><img src="image/msg1.png" /></a>
			<a href="index1.html" class="fr"><img src="image/login.png"></a>
		</div>
	</header>

	<section class="container">
		<div class="left fl">
			<h2>登录</h2>
			<div id="p1">
				<input type="text"  placeholder="用户名或邮件地址"/>
			</div>
			<div id="p2">
				<input type="text"  placeholder="密码"/>
				<span>忘记密码？</span>
			</div>
			<a href="javascript:;" class="login">登录</a>
			<a href="javascript:;" class="new">注册新用户</a>
		</div>

		<div class="right fl">
			<h3>高品为用户提供的服务</h3>
			<ul id="right-ul">
				<li class="active">搜索</li>
				<li>浏览</li>
				<li>收藏</li>
				<li>下载</li>
				<li>推荐</li>
				<li class="end">活动</li>
			</ul>
			<ol id="right-ol">
				<li class="active"><img src="image/1.png" /></li>
				<li><img src="image/2.png" /></li>
				<li><img src="image/3.png" /></li>
				<li><img src="image/4.png" /></li>
				<li><img src="image/5.png" /></li>
				<li><img src="image/6.png" /></li>

			</ol>
		</div>
	</section>


	<div class="footer">
		<div class="container">
			<a href="#" class="text">高品图像</a>
			<div class="msg">
				<div class="left fl">
					<span>免费热线：</span>
					<a href="#" class="left-a">400-8191-800</a>
					<span>服务电邮：</span>
					<a href="#" class="left-a">service@gaopinimages.com</a>
					<span class="about">关注我们</span>
					<div class="erweima">
						<div class="left fl">官方微信</div>
						<div class="right fl">官方微博</div>
					</div>

				</div>
				<ul class="fr">
					<li>
						<a href="#" class="titl">ABOUT</a>
						<a href="#">About Gaopin</a>
						<a href="#">高品新闻</a>
						<a href="#">加入我们</a>
						<a href="#">网站使用协议</a>
						<a href="#">隐私保护政策</a>
						<a href="#">Cookie政策</a>
						<a href="#">授权条款及条件</a>
					</li>
					<li>
						<a href="#" class="titl">创意图片</a>
						<a href="#">免版税RF</a>
						<a href="#">版权管理RM</a>
						<a href="#">汽车背景</a>
						<a href="#">GIF</a>
						<a href="#" class="tit2">编辑图片</a>
						<a href="#">纪实</a>
						<a href="#">历史</a>
						<a href="#">艺术</a>
						<a href="#" class="tit2">影视档案</a>
						<a href="#" class="titl">视频</a>
					</li>
					<li>
						<a href="#" class="titl">供稿通道</a>
						<a href="#">申请成为供稿人</a>
						<a href="#" class="tit3">高品专题</a>
						<a href="#" class="titl">高品影展</a>
					</li>
					<li>
						<a href="#" class="titl">我的账户</a>
						<a href="#">个人信息</a>
						<a href="#">收藏夹</a>
						<a href="#" class="tit2">客户服务</a>
						<a href="#">联系我们</a>
					</li>
				</ul>
			</div>
			<div class="qq"></div>
		</div>
		<div class="bottom">
			All contents © copyright 2017 Gaopin Images. All rights reserved. 本网站所有影像均由高品(北京)图像有限公司授权发布。侵权必究。京ICP备16000827号
		</div>
	</div>
</body>
</html>